<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
<script src="../js/src/mjson.js"></script>
<script src="../js/src/connectionmanager.js"></script>
<script src="../js/src/member/join.js"></script>
</head>

<body>
<section data-role="page" data-theme="d" class="container gray_bg" id="member_join">
    <!--top-->
    <header data-role="header" data-position="fixed">
        <!--title-->
        <div class="top_title_Gre">
            <h2>회원가입 </h2>
            <!--left  btn-->
            <div class="top_left">
                <a href="login.html" data-rel="back" data-direction="reverse" data-transition="slide" class="ico_btn btn8">이전</a>
            </div>
        </div><!-- // class="top_title_Gre" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section data-role="content" data-theme="d">
        <!--step-->
        <nav class="join_step ui-grid-b">
            <div class="ui-block-a on">약관동의<span>→</span></div>
            <div class="ui-block-b">회원정보입력<span>→</span></div>
            <div class="ui-block-c">가입완료</div>
        </nav>
        <p class="mem_txt">골프인 서비스 이용약관 및 정보이용 <br />안내에 동의해 주세요.</p>
        
        <form action="#" method="#">
            <ul class="join_form">
                <li data-role="fieldcontain">
                    <fieldset data-role="controlgroup" data-type="horizontal">
                        <legend class="lgnd_text">골프인 이용약관</legend>
                        <input type="radio" name="#" id="a1" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                        <label for="a1">동의 함</label>
                        <input type="radio" name="#" id="a2" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                        <label for="a2">동의하지 않음</label>
                    </fieldset>
                    <p class="bt_sub"><a href="pop_agree.html" data-role="button" data-theme="d" data-transition="slide" data-inline="true" data-mini="true" >전문보기</a></p>
                </li>
                
                <li data-role="fieldcontain">
                    <fieldset data-role="controlgroup" data-type="horizontal">
                        <legend class="lgnd_text">개인정보취급방침</legend>
                        <input type="radio" name="#" id="b1" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                        <label for="b1">동의 함</label>
                        <input type="radio" name="#" id="b2" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                        <label for="b2">동의하지 않음</label>
                    </fieldset>
                    <p class="bt_sub"><a href="pop_privacy.html" data-role="button" data-theme="d" data-transition="slide" data-inline="true" data-mini="true" >전문보기</a></p>
                </li>
            </ul><!-- //  class="join_form" 끝  -->

            <!--btn-->
            <div data-role="fieldcontain" class="ui-grid-a join_bt">
                <div class="ui-block-a"><a href="join_01.html" data-role="button" data-theme="a"  id="btn_next">다음</a> </div>
                <!--<div class="ui-block-a"><a href="join_01.html" data-role="button" data-theme="a"  data-transition="slide" id="btn_next" >다음</a> </div>-->
                <!--data-transition="slide" 을 사용하고 rel="external" 을 사용하지 않으면 약관과 개인정보 취급방침을 동의하지 않아도 다음페이지로 넘어가는 문제 때문에 수정-->
                <div class="ui-block-b"><button data-theme="d" >취소</button></div>
            </div>
        </form>
    </section><!-- // content -->
</section><!-- // page -->
</body>
</html>
